<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Reportes</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
</head>
<body>

	{% include "topmenu.html" %} <!-- Top menu -->

	<div class="container">
		<div class="row-fluid">
			
			{% include "sidebar.html" %} <!-- Side bar -->

			<div class="span9">
				<div class="row-fluid">
					<div class="page-header">
						<h3>Actividades</h3>
						<h6>{{ mi_universidad.nombre }}</h6>
					</div>
					<!-- Boton para agregar una nueva actividad -->
					<div align="right">
						<a href="" data-toggle="modal" data-target="#agregar"><i class="icon-plus"></i><small>  Nueva Actividad</small></a>
					</div>
					<!-- Lista de las actividades de la universidad -->
					<ul class="unstyled">
						{% for actividad in actividades %}
							<li>
								<h4><strong>{{ actividad.titulo }}</strong></h4>
								<small>Calificación: </small>
								{% if actividad.calificacion == 5 %}
									<small><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i></small><br>
								{% endif %}
								{% if actividad.calificacion == 4 %}
									<small><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i></small><br>
								{% endif %}
								{% if actividad.calificacion == 3 %}
									<small><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i></small><br>
								{% endif %}
								{% if actividad.calificacion == 2 %}
									<small><i class="icon-star"></i><i class="icon-star"></i></small><br>
								{% endif %}
								{% if actividad.calificacion == 1 %}
									<small><i class="icon-star"></i></small><br>
								{% endif %}
								<small>{{ actividad.descripcion }}</small>
								<div align="right"><a href="/plataforma/actividades/{{ actividad.id }}" title="Eliminar actividad"><i class="icon-trash"></i></a></div>
								<ul class="nav nav-list">
									<li class="divider"></li>
								</ul>
							</li>
						{% endfor %}
					</ul>
				</div>
			</div><!-- Fin de Actividades-->
		</div> <!-- /row -->

		<!-- Agregar una nueva actividad -->
		<form id="agregar" action="" method="post" name="actividad" class="modal modal-form hide fade form-horizontal well"> {% csrf_token %}
			<!-- Modal header -->
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
				<h3>Agregar una nueva actividad</h3>
			</div>

			<!-- Modal body -->
			<div class="modal-body">
				<div class="control-group">
					<label for="titulo" class="control-label">Título</label>
					<div class="controls">
						<input type="text" name="titulo" placeholder="Título de la Actividad" required>
					</div>
				</div> <!-- Titulo -->

				<div class="control-group">
					<label for="descripcion" class="control-label">Descripción</label>
					<div class="controls">
						<textarea name="descripcion" id="" cols="30" rows="10" maxlength="200" placeholder="Describa su actividad aquí" required></textarea>
					</div>
				</div> <!-- Descripcion -->

				<div class="control-group">
					<label for="dimension" class="control-label">Dimensión</label>
					<div class="controls">
						<select name="dimension">
							<option value="1">Formación Continua</option>
							<option value="2">Transformacion de Tecnología</option>
							<option value="3">Ayuda Social</option>
						</select>
					</div>
				</div> <!-- Dimension -->

				<div class="control-group">
					<label for="universidad" class="control-label">Calificación</label>
					<div class="controls">
						<select name="calificacion">
							<option value="1">Mala</option>
							<option value="2">Regular</option>
							<option value="3">Buena</option>
							<option value="4">Muy Buena</option>
							<option value="5">Excelente</option>
						</select>
					</div>
				</div> <!-- Calificacion -->

				<div class="control-group">
					<label for="descripcion" class="control-label">¿Cuantas personas vinculadas a la universidad participan en la actividad?</label>
					<div class="controls">
						<input type="number" min="0" name="pregunta1" placeholder="0">
					</div>
				</div> <!-- Pregunta1-->

				<div class="control-group">
					<label for="descripcion" class="control-label">¿Cuanto es el monto invertido en US$ por parte de la universidad?</label>
					<div class="controls">
						<input type="number" min="0" name="pregunta2" placeholder="0">
					</div>
				</div> <!-- Pregunta2-->


				<div class="control-group">
					<label for="descripcion" class="control-label">¿Cuanto es el ingreso obtenido?</label>
					<div class="controls">
						<input type="number" min="0" name="pregunta3" placeholder="0">
					</div>
				</div> <!-- Pregunta3-->

				<div class="control-group">
					<label for="descripcion" class="control-label">¿Cuantas personas han sido beneficiadas con la actividad?</label>
					<div class="controls">
						<input type="number"min="0" name="pregunta4" placeholder="0">
					</div>
				</div> <!-- Pregunta4-->

				<div class="control-group">
					<label for="descripcion" class="control-label">¿Cuantas horas han sido empleadas en la actividad?</label>
					<div class="controls">
						<input type="number" min="0" name="pregunta5" placeholder="0">
					</div>
				</div> <!-- Pregunta5-->

			</div> <!-- Modal body -->

			<!-- Modal Footer -->
			<div class="modal-footer">
				<button type="submit" class="btn btn-primary">Agregar</button>
				<button type="button" class="btn" data-dismiss="modal">Salir</button>
				<!-- <a href="#" data-dismiss="modal" class="btn">Salir</a> -->
			</div>
		</form> <!-- form -->




		<!-- Fin de agregar nueva actividad -->

	{% include "footer.html" %} <!-- Footer -->
	</div> <!-- /container -->

	<!-- JS files -->
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
</body>
</html>